﻿<Canvas xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="SilverglobeSample.EventInfo"
        Width="208"
        Height="208"
>
    <Canvas.Resources>
        <Storyboard x:Key="FadeIn">
            <DoubleAnimation Storyboard.TargetName="_teaser"
                       Storyboard.TargetProperty="(Image.Opacity)"
                       From="0" To="1"
                       Duration="0:0:0.5"
                       />
        </Storyboard>
    </Canvas.Resources>

    <Rectangle Width="204" Height="191" RadiusX="6" RadiusY="6"
             Fill="#33000000" 
             Canvas.Left="4" Canvas.Top="4"
  />

    <Rectangle Width="204" Height="191" RadiusX="6" RadiusY="6" 
             Fill="#FF256B9E" Stroke="#66002233"
  />

    <Rectangle Width="200" Height="24" RadiusX="4" RadiusY="4"
             Canvas.Left="2" Canvas.Top="2"
             Stroke="#66002233"
  >
        <Rectangle.Fill>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,24" 
                           MappingMode="Absolute">
                <GradientStop Color="#FF66AAFF" Offset="0"/>
                <GradientStop Color="#FF66AAFF" Offset="0.5"/>
                <GradientStop Color="#FF3388FF" Offset="0.5"/>
            </LinearGradientBrush>
        </Rectangle.Fill>
    </Rectangle>

    <TextBlock x:Name="_title" Foreground="White"
             FontFamily="Verdana" FontSize="16"
             Canvas.Top="4" Canvas.Left="10" />
  
  <TextBlock x:Name="_info" 
             Width="188" 
             FontSize="11" FontFamily="Verdana" Foreground="White" 
             Canvas.Left="10" Canvas.Top="169" 
  />

  <Rectangle RadiusX="4" RadiusY="4" Fill="White" Width="188" Height="129" 
             Canvas.Left="8" Canvas.Top="34" />
  
  <Image x:Name="_teaser" 
         Width="188" Height="117" 
         Stretch="None" 
         Canvas.Top="40" Canvas.Left="8">
      <Image.Source>
          <BitmapImage x:Name="_eventImageSource" />
      </Image.Source>
  </Image>
  
</Canvas>